
@extends('layout.layer')

@section('stylesheet')
<link href="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
@stop

@section('layout.content') 
<div class="row">
  <form class="form-horizontal" id="shop-create" autocomplete="off">
  <input type="hidden" name="status" value="2" />
  <div class="col-sm-6">
    
    <div class="form-group">
      <label class="col-sm-3 control-label" for="branch"> <b><span class="red">*</span> 所属地区</b></label>
      @if( !!Auth::user()->supervisor())
        <div class="col-sm-9 no-padding-left" style="margin-left:-10px;">
          <div class="checkbox">
            <label>
              <input name="branch_id" type="checkbox" value="1" class="ace ace-checkbox-2" />
              <span class="lbl no-padding-left"> 长沙</span>
            </label>
            <label>
              <input name="branch_id" type="checkbox" value="2" class="ace ace-checkbox-2" />
              <span class="lbl"> 武汉</span>
            </label>
          </div>
        </div>
      @else
        <div class="col-sm-9 no-padding-left">
          <input type="hidden" name="branch_id" value="{{Auth::user()->branch->id}}" />
          <label class="control-label">{{Auth::user()->branch->name}}</label>
        </div>
      @endif
    </div>

    <div class="form-group">
      <label class="col-sm-3 control-label b" for="name"> <span class="red">*</span> 门店名称</label>
      <div class="col-sm-9 no-padding-left">
          <input type="text" class="form-control" name="name" placeholder="门店名称" />
      </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="type"> <span class="red">*</span> 登记主体</label>
        <div class="col-sm-9 no-padding-left" style="margin-left:-10px;">
            <div class="checkbox">
              <label>
                <input name="type" type="checkbox" value="1" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 个人</span>
              </label>
              <label>
                <input name="type" type="checkbox" value="2" class="ace ace-checkbox-2" />
                <span class="lbl"> 企业</span>
              </label>           
            </div>
        </div>       
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="trade"> <span class="red">*</span> 经营类型</label>
        <div class="col-sm-9 no-padding-left" style="margin-left:-10px;">
            <div class="checkbox">
              <label>
                <input name="trade" type="checkbox" value="1" class="ace ace-checkbox-2" />
                <span class="lbl"> <span class="green"><i class="iconfont">&#xe86d;</i></span>个体</span>
              </label>
              <label>
                <input name="trade" type="checkbox" value="2" class="ace ace-checkbox-2" />
                <span class="lbl"> <span class="blue"><i class="iconfont">&#xe858;</i></span>自营</span>
              </label>
              <label>
                <input name="trade" type="checkbox" value="3" class="ace ace-checkbox-2" />
                <span class="lbl"> <span class="purple"><i class="iconfont">&#xe865;</i></span>直营</span>
              </label>
              <label>
                <input name="trade" type="checkbox" value="4" class="ace ace-checkbox-2" />
                <span class="lbl"> <span class="red"><i class="iconfont">&#xe623;</i></span>连锁</span>
              </label>
            </div>
        </div>       
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b"> <span class="red">*</span> 经营类目 </label>
        <div class="col-sm-9 no-padding-left">
          <div class="col-sm-6 no-padding-left">
            <select class="form-control parent" name="parent_category" size="5">
            </select>
          </div>
            
          <div class="col-sm-6 no-padding-left">
            <select class="form-control child" name="category_id" size="5">
            </select>
          </div>

        </div>       
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="checker"> <span class="red">*</span> 核销员</label>
        <div class="col-sm-9 no-padding-left">
            <input type="text" class="form-control" name="checker" placeholder="核销员" />
        </div>       
    </div>
  </div>

  <div class="col-sm-6">
    <h5 class="header smaller lighter blue">业务信息</h5>
    <div class="form-group">
      <label class="col-sm-3 control-label b" for="staff"> <span class="red">*</span> 对接人</label>
      <div class="col-sm-9 no-padding-left">
          <input type="text" class="form-control" name="staff" placeholder="对接负责人" />
      </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="progress"> <span class="red">*</span> 流程状态</label>
        <div class="col-sm-9 no-padding-left" style="margin-left:-10px;">
            <div class="checkbox">
              <label style="padding-bottom: 10px;">
                <input name="progress" type="checkbox" value="1" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 
                  <span class="grey"><i class="iconfont bigger-120" >&#xe995;</i></span>合同洽谈
                </span>
              </label>
              <label>
                <input name="progress" type="checkbox" value="2" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 
                  <span class="blue"><i class="iconfont bigger-120" >&#xe984;</i></span>合同已签
                </span>
              </label>
              <label>
                <input name="progress" type="checkbox" value="3" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 
                  <span class="red"><i class="iconfont bigger-120" >&#xe99b;</i></span>文案完成
                </span>
              </label>
              <label>
                <input name="progress" type="checkbox" value="4" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 
                  <span class="brown"><i class="iconfont bigger-120" >&#xe99e;</i></span>产品制作
                </span>
              </label>
              <label>
                <input name="progress" type="checkbox" value="9" class="ace ace-checkbox-2" />
                <span class="lbl no-padding-left"> 
                  <span class="green"><i class="ace-icon fa fa-check" ></i></span>门店上线
                </span>
              </label>           
            </div>
        </div>       
    </div>
    <h5 class="header smaller lighter green">附加信息</h5>
    <div class="form-group">
      <label class="col-sm-3 control-label b"> 地理位置</label>
      <label class="col-sm-2 control-label no-padding-left" style="max-width: 50px;"> 经度</label>
      <div class="col-sm-2 no-padding-left" style="min-width: 110px;">
          <input type="text" class="form-control" name="lon" placeholder="经度" />
      </div>
      <label class="col-sm-2 control-label" style="width: 60px;margin-left:-10px;"> 纬度</label>
      <div class="col-sm-2 no-padding-left" style="min-width: 110px;">
          <input type="text" class="form-control" name="lat" placeholder="纬度" />
      </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="address"> 地址</label>
        <div class="col-sm-9 no-padding-left">
            <input type="text" class="form-control" name="address" placeholder="门店地址" />
        </div>       
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label b" for="opening"> 营业时间</label>
        <div class="col-sm-9 no-padding-left">
            <input type="text" class="form-control" name="opening" placeholder="营业时间" />
        </div>       
    </div>
  </div>

  
  <hr style="clear:both;" />
  <div class="col-xs-12 center">
    <div class="form-group">      
        <button type="submit" class="btn btn-primary submit">
          <i class="ace-icon fa fa-check"></i>
          <span class="">确定</span>
        </button>
        <button type="button" class="btn btn-grey cancel" style="margin-left: 10px;">
          <i class="ace-icon fa fa-close"></i>
          <span class="">取消</span>
        </button>
    </div>
  </div>
</form>
</div>

@stop

@section('javascript')
<script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="//cdn.bootcdn.net/ajax/libs/jquery-validate/1.9.0/jquery.validate.min.js"></script>
<script src="//cdn.bootcdn.net/ajax/libs/jquery-validate/1.9.0/additional-methods.min.js"></script>
<script src="//cdn.bootcdn.net/ajax/libs/jquery-validate/1.9.0/localization/messages_cn.js"></script>
<script>
  var categories = $.parseJSON('{!!$categories!!}');
</script>
<script src="{{ stamp('assets/js/hms-shop.js') }}"></script>
<script type="text/javascript">
  $(function() {

    
    
  });
</script>
@stop